<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" language="JavaScript">

var s1 = new String(theForm.myText.value)

function changeVal() {
   s1 = "I'm feeling focused"
   document.theForm.myText.value = s1.toUpperCase()
}

</script>
<title>Insert title here</title>
</head>
<body>


<FORM ACTION="" METHOD=POST name="theForm">

<input type="text" name="myText" value="Give me focus" onFocus = "changeVal()">
<input type="text" name="myText1" value="Give another focus" onFocus = "changeVal()">
<div >some text content </div>	

<SELECT NAME="ele-sel"  id=e_select>
	<OPTION VALUE="sel-a" >a
	<OPTION VALUE="sel-b" >b
	<OPTION VALUE="sel-c" >c
	<OPTION VALUE="sel-d" >d
</SELECT><br>
name:        <INPUT NAME="realname"><BR>
email:       <INPUT NAME="email"><BR>
destination: <INPUT NAME="desination"><br>
<input type="radio" name="group1" value="Milk"> Milk <br>
<input type="radio" name="group1" value="Butter"> Butter <br>
<input type="radio" name="group1" value="Cheese"> Cheese <br>
<TEXTAREA NAME="" ROWS="15" COLS="80" id=t-area></TEXTAREA> <br>
<INPUT TYPE="reset" >

<input type="button" VALUE="do nothing">
</FORM>

</body>
</html>